John

McDonald's

Project

Cornucopia


Rotating and Mirroring Text

December 8, 2018

Calculation Tools

Below is a div that will hold text, which we will try to flip to create its mirror image. We will then see if we can put this mirror image text around a circle. If successful this will allow putting quotes around circles for printing and engraving.

Older versions of Safari may have needed to use "-webkit-transform", but the current version seems to work fine with "transform". Doing just a transform:rotateY(180) flips the quote end for end with the origin near the left end of the text. The default should be at the center of the line of text or maybe it is at the center of the div?? So we add transform-origin:center and see what that does. I think I need to move the reflected div down below the "Calculation Tools" to understand what is going on. Nothing I have tried seems to move the origin of the rotation!!













































"I’ve never been to Mars but I imagine it’s quite lovely." Kramer

Notice the mono-spaced font used above. It is an open source font found on fonts.google and is called Nova Mono. Most mono-spaced fonts are quite plain. This is the most interesting of the bunch on fonts.google. Now let's see if we can put the text around a circle of a given dimension. [Note: only monospaced fonts work. All of the fonts that are not monospaced get replaced by a default!!!] Just found "Savoye LET" works well and looks pretty nice as well.

And now for something completely different: SVG???

"I’ve never been to Mars but I imagine it’s quite lovely." Kramer




"I’ve never been to Mars but I imagine it’s quite lovely." Kramer

I discovered transfer paper (Saral graphite). That is print something out normally, place the transfer paper under the printed design, and go over the design with a pen to transfer the printed design to the metal underneath. I've got to check it out!